
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./../../cesium/Cesium1.98/Widgets/widgets.css">
    <script type="text/javascript" src="./../../cesium/Cesium1.98/Cesium.js"></script>
</head>

<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
    <div id="map" style="margin: 0 auto; width: 100%; height: 100%"></div>
    <script type="text/javascript">

        Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3ZjQ5ZGUzNC1jNWYwLTQ1ZTMtYmNjYS05YTY4ZTVmN2I2MDkiLCJpZCI6MTE3MTM4LCJpYXQiOjE2NzY0NDUyODB9.ZaNSBIfc1sGLhQd_xqhiSsc0yr8oS0wt1hAo9gbke6M'
        const viewer = new Cesium.Viewer('map', {});

        viewer.camera.setView({
            destination: Cesium.Cartesian3.fromDegrees(110, 35, 10000000),
        });

        // 开启帧率
        viewer.scene.debugShowFramesPerSecond = true;

        // 加载tms
        // var tms = new Cesium.TileMapServiceImageryProvider({
        //     "credit": "tms",
        //     "url": 'http://localhost/南海专题图/海上设施/'
        // })
        // viewer.imageryLayers.addImageryProvider(tms)

        var xyz = new Cesium.UrlTemplateImageryProvider({
            "credit": "riv_m",
            "url": 'http://39.107.182.155:9000/tserver/wmts.ashx?r={y}&c={x}&l={z}&t=riv_m'
        })
        viewer.imageryLayers.addImageryProvider(xyz)
        

    </script>
</body>

</html>